<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="Dashboard">
    <meta name="keyword" content="Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">

    <title>项目事务管理系统</title>

    <!-- Bootstrap core CSS -->
    <link href="../Public/css/bootstrap.css" rel="stylesheet">
    <!--    external css-->
    <link rel="stylesheet" type="text/css" href="../Public/css/zabuto_calendar.css">
    <link href="../Public/font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="../Public/js/gritter/css/jquery.gritter.css"/>
    <!-- Custom styles for this template -->
    <link href="../Public/css/style.css" rel="stylesheet">
    <link href="../Public/css/index.css" rel="stylesheet">
    <link href="../Public/css/style-responsive.css" rel="stylesheet">

    <script src="../Public/js/chart-master/Chart.js"></script>


    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
    <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="css/fullcalendar.css">
    <link rel="stylesheet" type="text/css" href="css/fancybox.css">
    <style type="text/css">
    #calendar{width:960px; margin:20px auto 10px auto}
    .fancy{width:450px; height:auto}
    .fancy h3{height:30px; line-height:30px; border-bottom:1px solid #d3d3d3; font-size:14px}
    .fancy form{padding:10px}
    .fancy p{height:28px; line-height:28px; padding:4px; color:#999}
    .input{height:20px; line-height:20px; padding:2px; border:1px solid #d3d3d3; width:100px}
    .btn{-webkit-border-radius: 3px;-moz-border-radius:3px;padding:5px 12px; cursor:pointer}
    .btn_ok{background: #360;border: 1px solid #390;color:#fff}
    .btn_cancel{background:#f0f0f0;border: 1px solid #d3d3d3; color:#666 }
    .btn_del{background:#f90;border: 1px solid #f80; color:#fff }
    .sub_btn{height:32px; line-height:32px; padding-top:6px; border-top:1px solid #f0f0f0; text-align:right; position:relative}
    .sub_btn .del{position:absolute; left:2px}
    </style>

</head>

<body>

<section id="container">
<!-- **********************************************************************************************************************************************************
TOP BAR CONTENT & NOTIFICATIONS
*********************************************************************************************************************************************************** -->
<!--header start-->
<header class="header black-bg">
    <div class="sidebar-toggle-box">
        <div class="fa fa-bars tooltips" data-placement="right" data-original-title="收缩侧边栏">
            <i class="fa "></i>
        </div>
    </div>
    <!--logo start-->
    <a href="index.html" class="logo"><b>项目事务管理系统</b></a>
    <!--logo end-->
    <div class="nav notify-row" id="top_menu">
        <!--  notification start -->
        <ul class="nav top-menu">
            <!-- settings start -->

            <!--提醒内容开始-->
            <li class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
                    <i class="fa "><span class="glyphicon glyphicon glyphicon-envelope"></span></i>
                    <span class="badge bg-theme">4</span>
                </a>
                <ul class="dropdown-menu extended tasks-bar">
                    <div class="notify-arrow notify-arrow-green"></div>
                    <li>
                        <p class="green">You have 4 pending tasks</p>
                    </li>
                    <li>
                        <a href="index.html#">
                            <div class="task-info">
                                <div class="desc">DashGum Admin Panel</div>
                                <div class="percent">40%</div>
                            </div>
                            <div class="progress progress-striped">
                                <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 40%">
                                    <span class="sr-only">40% Complete (success)</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="index.html#">
                            <div class="task-info">
                                <div class="desc">Database Update</div>
                                <div class="percent">60%</div>
                            </div>
                            <div class="progress progress-striped">
                                <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 60%">
                                    <span class="sr-only">60% Complete (warning)</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="index.html#">
                            <div class="task-info">
                                <div class="desc">Product Development</div>
                                <div class="percent">80%</div>
                            </div>
                            <div class="progress progress-striped">
                                <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="80"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 80%">
                                    <span class="sr-only">80% Complete</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li>
                        <a href="index.html#">
                            <div class="task-info">
                                <div class="desc">Payments Sent</div>
                                <div class="percent">70%</div>
                            </div>
                            <div class="progress progress-striped">
                                <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="70"
                                     aria-valuemin="0" aria-valuemax="100" style="width: 70%">
                                    <span class="sr-only">70% Complete (Important)</span>
                                </div>
                            </div>
                        </a>
                    </li>
                    <li class="external">
                        <a href="#">See All Tasks</a>
                    </li>
                </ul>
            </li>
            <!--提醒内容结束-->

            <!-- settings end -->
            <!-- inbox dropdown start-->
            <!--邀请同事开始-->
            <li id="header_inbox_bar" class="dropdown">
                <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
                    <i class="fa"><span class="glyphicon glyphicon-user"></span></i>
                    <span class="badge bg-theme">5</span>
                </a>
                <ul class="dropdown-menu extended inbox">
                    <div class="notify-arrow notify-arrow-green"></div>
                    <li>
                        <p class="green">You have 5 new messages</p>
                    </li>
                    <li>
                        <a href="index.html#">
                            <span class="photo"><img alt="avatar" src="../Public/img/ui-zac.jpg"></span>
                                    <span class="subject">
                                    <span class="from">Zac Snider</span>
                                    <span class="time">Just now</span>
                                    </span>
                                    <span class="message">
                                        Hi mate, how is everything?
                                    </span>
                        </a>
                    </li>
                    <li>
                        <a href="index.html#">
                            <span class="photo"><img alt="avatar" src="../Public/img/ui-divya.jpg"></span>
                                    <span class="subject">
                                    <span class="from">Divya Manian</span>
                                    <span class="time">40 mins.</span>
                                    </span>
                                    <span class="message">
                                     Hi, I need your help with this.
                                    </span>
                        </a>
                    </li>
                    <li>
                        <a href="index.html#">
                            <span class="photo"><img alt="avatar" src="../Public/img/ui-danro.jpg"></span>
                                    <span class="subject">
                                    <span class="from">Dan Rogers</span>
                                    <span class="time">2 hrs.</span>
                                    </span>
                                    <span class="message">
                                        Love your new Dashboard.
                                    </span>
                        </a>
                    </li>
                    <li>
                        <a href="index.html#">
                            <span class="photo"><img alt="avatar" src="../Public/img/ui-sherman.jpg"></span>
                                    <span class="subject">
                                    <span class="from">Dj Sherman</span>
                                    <span class="time">4 hrs.</span>
                                    </span>
                                    <span class="message">
                                        Please, answer asap.
                                    </span>
                        </a>
                    </li>
                    <li>
                        <a href="index.html#">See all messages</a>
                    </li>
                </ul>
            </li>
            <!--邀请同事结束-->

            <!--设置开始-->
            <li>
                <a data-toggle="dropdown" class="dropdown-toggle" href="index.html#">
                    <i class="fa"><span class="glyphicon glyphicon-cog"></span></i>
                </a>
            </li>
            <!--设置结束-->

            <!--签到开始-->
            <!-- Button trigger modal -->
            <li style="margin-top: 10px">
                <span data-toggle="modal" data-target="#myModal"><a>签到</a></span>
            </li>
            <!--签到结束-->
            <!-- inbox dropdown end -->
        </ul>
        <!--  notification end -->
    </div>
    <div class="top-menu">
        <ul class="nav pull-right top-menu">
            <li><a class="logout">退出系统</a></li>
        </ul>
    </div>

</header>
<!--header end-->
<!-- Modal  签到弹出框 -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">消息</h4>
            </div>
            <div class="modal-body">
                签到成功，您的签到时间为...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary">Save changes</button>
            </div>
        </div>
    </div>
</div>
<!-- Modal  结束 -->

<!-- **********************************************************************************************************************************************************
MAIN SIDEBAR MENU
*********************************************************************************************************************************************************** -->
<!--sidebar start-->
<aside>
    <div id="sidebar" class="nav-collapse ">
        <!-- sidebar menu start-->
        <ul class="sidebar-menu" id="nav-accordion">

            <p class="centered"><a href="profile.html"><img src="../Public/img/ui-sam.jpg" class="img-circle"
                                                            width="60"></a></p>
            <h5 class="centered">Shi Niang</h5>

            <li class="mt">
                <a class="active" href="index.html">
                    <i class="fa fa-dashboard"></i>
                    <span>首页</span>
                </a>
            </li>

            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-desktop"></i>
                    <span>日报</span>
                </a>
                <ul class="sub">
                    <li><a>我的日报</a></li>
                    <li><a>他人日报</a></li>
                    <li><a>评论我的</a></li>
                    <li><a>回复我的</a></li>
                </ul>
            </li>

            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-cogs"></i>
                    <span>任务</span>
                </a>
                <ul class="sub">
                    <li><a  href="index.html">我的任务</a>
                        <ul class="sub">
                            <li><a href="index.html">·负责的任务</a></li>
                            <li><a>·创建的任务</a></li>
                            <li><a>·参与的任务</a></li>
                        </ul>
                    </li>
                    <li><a>未读任务</a></li>
                    <li><a>新反馈任务</a></li>
                    <li><a>下属任务</a></li>
                    <li><a>已完成任务</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-book"></i>
                    <span>目标</span>
                </a>
                <ul class="sub">
                    <li><a>我的目标</a>
                        <ul class="sub">
                            <li><a href="index.html">·负责的目标</a></li>
                            <li><a>·创建的目标</a></li>
                            <li><a>·参与的目标</a></li>
                        </ul>
                    </li>
                    <li><a>未读的目标</a></li>
                    <li><a>新反馈的目标</a></li>
                    <li><a>下属目标</a></li>
                    <li><a>已完成目标</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa fa-envelope-o"></i>
                    <span>文档</span>
                </a>
                <ul class="sub">
                    <li><a>我负责的文档</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class="fa fa-th"></i>
                    <span>客户管理</span>
                </a>
                <ul class="sub">
                    <li><a>我的客户</a></li>
                    <li><a>。。。。</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class=" fa fa-tasks"></i>
                    <span>文档库</span>
                </a>
                <ul class="sub">
                    <li><a>我的文档</a></li>
                    <li><a>...</a></li>
                </ul>
            </li>
            <li class="sub-menu">
                <a href="javascript:;">
                    <i class=" fa fa-bar-chart-o"></i>
                    <span>考勤</span>
                </a>
            </li>

        </ul>
        <!-- sidebar menu end-->
    </div>
</aside>
<!--sidebar end-->

<!-- **********************************************************************************************************************************************************
MAIN CONTENT
*********************************************************************************************************************************************************** -->
<!--main content start-->
<section id="main-content">
    <section class="wrapper site-min-height">
        <div class="row mt" style="margin: 30px auto">
            <div id="main" style="margin: 0 auto">
                <div id='calendar'></div>
            </div>
        </div>

    </section><!-- --/wrapper ---->
</section>

<!--main content end-->
<!--footer start-->
<footer class="site-footer">
    <div class="text-center">
        2014 - Alvarez.is
        <a href="index.html#" class="go-top">
            <i class="fa fa-angle-up"></i>
        </a>
    </div>
</footer>
<!--footer end-->
</section>

<!-- js placed at the end of the document so the pages load faster -->
<script src="../Public/js/jquery.js"></script>
<script src="../Public/js/jquery-1.8.3.min.js"></script>
<script src="../Public/js/bootstrap.min.js"></script>
<script class="include" type="text/javascript" src="../Public/js/jquery.dcjqaccordion.2.7.js"></script>
<script src="../Public/js/jquery.scrollTo.min.js"></script>

<script src="../Public/js/jquery.nicescroll.js" type="text/javascript"></script>
<script src="../Public/js/jquery.sparkline.js"></script>

<!--common script for all pages-->
<script src="../Public/js/common-scripts.js"></script>
<script type="text/javascript" src="../Public/js/gritter/js/jquery.gritter.js"></script>
<script type="text/javascript" src="../Public/js/gritter-conf.js"></script>

    <script src='http://code.jquery.com/jquery-1.9.1.js'></script>
    <script src='http://code.jquery.com/ui/1.10.3/jquery-ui.js'></script>
    <script src='js/fullcalendar.min.js'></script>
    <script src='js/jquery.fancybox-1.3.1.pack.js'></script>
    <script type="text/javascript">
    $(function() {
        $('#calendar').fullCalendar({
            header: {
                left: 'prev,next today',
                center: 'title',
                right: 'month,agendaWeek,agendaDay'
            },
            events: 'json_other.php'
        });
        
    });
    </script>

</body>
</html>
